﻿@using Shp.Web.Controllers;

@{
    ViewBag.Title = "External";
    Layout = "~/Views/Shared/_Layout.ForMenu.cshtml";
}

<div class="sf-menu-cntr-out menu-buffer-for-demo-only">
@Html.MvcContrib().Menu(settings =>
{
    settings.RootMenuItemsClass = "sf-root";
    settings.RootMenuContainerClass = "sf-menu";
}).Items(menu =>
{
    menu.Action<HomeController>(c => c.Index(), "Home");
    menu.Link("Search Engines").Items(seItems =>
    {
        seItems.Link("Google", "http://www.google.com");
        seItems.Link("Bing", "http://www.bing.com");
    });
    menu.Link("Sports").Items(sItems =>
    {
        sItems.Link("ESPN", "http://espn.go.com");
        sItems.Link("Rivals", "http://floridastate.rivals.com/");
    });
    menu.Link("News").Items(nItems =>
    {
        nItems.Link("Fox News", "http://www.foxnews.com/");
        nItems.Link("MSNBC", "http://www.msnbc.msn.com/");
    });
    menu.Action<MenuController>(c => c.Index(), "Menu Home");
})
</div>

<script type="text/javascript">
    $(function () {
        // animation options are necessary to avoid IE animation opacity bleeding - caused by IE filtering
        var animationOptions = ($.support.opacity) ? { opacity: 'show', height: 'show'} : { height: 'show' };
        $('ul.sf-menu').superfish({
            hoverClass: 'sfHover',
            delay: 250,
            animation: animationOptions,
            speed: 'fast',
            autoArrows: true,
            dropShadows: true,
            disableHI: true
        });
    });
</script>

@section Head{
    <link href="@Url.Content("~/Content/css/superfish.mc.black.css")" rel="stylesheet" type="text/css" />  
    <style type="text/css">            
        .sf-menu-cntr-out { padding-left: 20px;}
    </style>
}

@{   
    ViewBag.CodeViewType = Shp.Web.Models.GridCodeViewType.External;
}
@Html.Partial("_codeviewer")